﻿
<h3>Actions Card</h3>
<AntCard bordered Actions="new[] { actionSetting,actionEdit,actionEllipsis}" avatar="avatarTemplate">
    <Title>Card</Title>
    <Extra>
        <a>More</a>
    </Extra>
    <Body>
        Body
    </Body>
</AntCard>

<h3>Loading Card</h3>
<AntCard bordered Actions="new[] { actionSetting,actionEdit,actionEllipsis}" loading>
    <Title>Card</Title>
    <Extra>
        <a>More</a>
    </Extra>
    <Body>
    Loading Card
    </Body>
</AntCard>

<h3>Meta Card</h3>
<AntCard style="width:300px;" bordered Cover="coverTemplate" Actions="new[] { actionSetting,actionEdit,actionEllipsis}">
    <AntCardMeta Avatar="avatarTemplate">
        <Title>Meta Card</Title>
        <Description>This is the description</Description>
    </AntCardMeta>
</AntCard>

@code
{
    private RenderFragment actionSetting =
    @<Template>
        <AntIcon type="setting" />
    </Template>;

private RenderFragment actionEdit =
@<Template>
    <AntIcon type="edit" />
</Template>;

private RenderFragment actionEllipsis =
@<Template>
    <AntIcon type="ellipsis" />
</Template>;

private RenderFragment avatarTemplate =
@<AntAvatar src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"></AntAvatar>;

    private RenderFragment coverTemplate = @<img alt="example" src="https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png"/>;

}
